<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>仓库管理 | </title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <!--<link href="css/nprogress.css" rel="stylesheet">-->
  <!-- FullCalendar -->
  <link href="css/fullcalendar.min.css" rel="stylesheet">
  <link href="css/fullcalendar.print.css" rel="stylesheet" media="print">
  <style>

    #bbb{
      margin: 2px 90px;
      float: left;
      display: none;
    }
  </style>


  <!-- Custom styling plus plugins -->
  <link href="css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
<div class="container body">
  <div class="main_container">
    <div id="head">

    </div>



    <!-- page content -->
    <div class="right_col" role="main">
      <div class="">
        <div class="page-title">
          <div class="title_left">
            <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
              <div class="input-group">
                <input type="text" class="form-control" placeholder="仓库名字" id="cangku">
                <span class="input-group-btn">
                      <button class="btn btn-default page1" type="button">搜索</button>
                    </span>

              </div>

            </div>
          </div>




        </div>

        <div class="clearfix"></div>

        <div class="row">
          <div class="col-md-12">
            <div class="x_panel">
              <div class="x_title">
                <a href="addDepot.html" class="btn btn-primary btn-xs" style="padding: 2px 8px;">新增仓库</a>
                <ul class="nav navbar-right panel_toolbox">
                  <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                  </li>


                </ul>
                <div class="clearfix"></div>
              </div>
              <div class="x_content">



                <!-- start project list -->
                <table id="table1" class="table table-striped projects">
                  <thead>
                  <tr>
                    <th style="width: 7%">仓库编号</th>
                    <!--<th style="width: 7%">订舱申请号</th>-->
                    <th style="width: 12%">仓库名字</th>
                    <th style="width: 8%">仓库区域</th>
                    <th style="width: 20%">仓库详细地址</th>
                    <th style="width: 6%">仓库大小</th>
                    <th style="width: 10%">仓库负责人</th>
                    <th style="width: 10%">负责人联<br>系方式</th>
                    <th style="width: 12%">操作</th>
                  </tr>
                  </thead>

                </table>
                <!-- end project list -->

              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /page content -->
      <div class="pull-right" style="margin-top: 38px;">
        <ul class="pagination" id="ye">

        </ul>
      </div>
      <!--<div class="clearfix"></div>-->

      <!-- /footer content -->
    </div>
  </div>

  <!-- calendar modal -->
  <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title" id="myModalLabel">New Calendar Entry</h4>
        </div>
        <div class="modal-body">
          <div id="testmodal" style="padding: 5px 20px;">
            <form id="antoform" class="form-horizontal calender" role="form">
              <div class="form-group">
                <label class="col-sm-3 control-label">Title</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="title" name="title">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-3 control-label">Description</label>
                <div class="col-sm-9">
                  <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
                </div>
              </div>
            </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary antosubmit">Save changes</button>
        </div>
      </div>
    </div>
  </div>
  <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title" id="myModalLabel2">Edit Calendar Entry</h4>
        </div>
        <div class="modal-body">

          <div id="testmodal2" style="padding: 5px 20px;">
            <form id="antoform2" class="form-horizontal calender" role="form">
              <div class="form-group">
                <label class="col-sm-3 control-label">Title</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="title2" name="title2">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-3 control-label">Description</label>
                <div class="col-sm-9">
                  <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
                </div>
              </div>

            </form>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
        </div>
      </div>
    </div>
  </div>

  <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
  <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
  <!-- /calendar modal -->

  <!-- jQuery -->
  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.min.js"></script>
  <!-- FastClick -->
  <script src="js/fastclick.js"></script>
  <!-- NProgress -->
  <script src="js/nprogress.js"></script>
  <!-- FullCalendar -->
  <script src="js/moment.min.js"></script>
  <script src="js/fullcalendar.min.js"></script>
  <script src="js/icheck.min.js"></script>

  <!-- Custom Theme Scripts -->
  <!--<script src="js/custom.min.js"></script>-->

  <style >
    .checkbox-custom {
      position: relative;
      padding: 0 15px 0 25px;
      margin-bottom: 7px;
      margin-top: 0;
      display: inline-block;
    }
    /*
    将初始的checkbox的样式改变
    */
    .checkbox-custom input[type="checkbox"] {
      opacity: 0;/*将初始的checkbox隐藏起来*/
      position: absolute;
      cursor: pointer;
      z-index: 2;
      margin: -6px 0 0 0;
      top: 50%;
      left: 3px;
    }
    /*
    设计新的checkbox，位置
    */
    .checkbox-custom label:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -9px;
      width: 19px;
      height: 18px;
      display: inline-block;
      border-radius: 2px;
      border: 1px solid #bbb;
      background: #eee;
    }
    /*
    点击初始的checkbox，将新的checkbox关联起来
    */
    .checkbox-custom input[type="checkbox"]:checked +label:after {
      position: absolute;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      content: "\e013";
      top: 48%;
      left: 4px;
      margin-top: -5px;
      font-size: 11px;
      line-height: 1;
      width: 16px;
      height: 16px;
      color: #333;
    }
    .checkbox-custom label {
      cursor: pointer;
      line-height: 1.2;
      font-weight: normal;/*改变了rememberme的字体*/
      margin-bottom: 0;
      text-align: left;
    }

  </style>
  <!-- FullCalendar -->
  <script>
      var lw1 = $(".dropdown-menu li:first-child").children();
      var lw2 = $(".dropdown-menu li:nth-child(2)").children();
      var lw3 = $(".dropdown-menu li:nth-child(3)").children();
      var lw4 = $(".dropdown-menu li:last-child").children();




      $(".btn-info").click(function (){

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().html("确 &nbsp;&nbsp;&nbsp;认");

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().attr("class","btn btn-round btn-success btn-xs");

          $("input:checkbox[name='procheck']:checked").prop('checked',false);

      });
      lw1.click(function (){
          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().html("驳&nbsp;&nbsp;&nbsp;回");

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().attr("class","btn btn-round btn-danger btn-xs");

          $("input:checkbox[name='procheck']:checked").prop('checked',false);
      });
      lw2.click(function (){
          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().html("挂&nbsp;&nbsp;&nbsp;起");

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().attr("class","btn btn-round btn-success btn-xs");

          $("input:checkbox[name='procheck']:checked").prop('checked',false);
      });
      lw3.click(function (){
          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().html("未挂起");

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().attr("class","btn btn-round btn-danger btn-xs");

          $("input:checkbox[name='procheck']:checked").prop('checked',false);
      });

      lw4.click(function (){
          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().html("未确认");

          $("input:checkbox[name='procheck']:checked").parent().parent().parent().next().next().next().next().next().next().next().children().attr("class","btn btn-round btn-danger btn-xs");

          $("input:checkbox[name='procheck']:checked").prop('checked',false);
      });
      <!--页面初始化ajax-->
      $.ajax({
          type:"post",
          xhrFields:{withCredentials:true},
          url:"http://localhost:8081/depot/selectdepot",
          dataType:"json",
          data:{depotname:$("#cangku").val()},
          success:function (data) {
              if(data.list==null){
                  $("#table1").html('<td colspan="8">未查到数据</td>');
                  return;
              }
              $('#table1 tbody').remove();
              $.each(data.list,function(i,depot) {
                  var $tr = $('<tr></tr>');

                  var $td = $('<td></td>');
                  $td.text(depot.id);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.depotname);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.depotarea);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.dAddress);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.dSize);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.dname);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.text(depot.dPhone);
                  $tr.append($td);

                  $td = $('<td></td>');
                  $td.html('<a href="updateDepot.html" class="btn btn-primary btn-xs" style="padding: 2px 8px;">修改</a><button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target=".bs-example-modal-sm" style="padding: 2px 8px;">删除</button>');
                  $tr.append($td);
                  $('#table1').append($tr);

              })

              $('#ye').prepend('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum-1)+'" >&laquo;</a></li >');
              $("#ye").append('<li><a>'+data.pageNum+"/"+data.pages+'</a></li>');
              $('#ye').append('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum+1)+'">&raquo;</a></li>');
          },
          error:function(){
              alert("错误");
          }
      })
      <!--end页面初始化ajax-->
      $(window).load(function() {

          $("#head").load("head.html");
          $("#gsearch").click(function(){
              $("#bbb").toggle();
          });
          $(".aa").click(function  () {
              var $check=$("#RememberMe1").prop("checked");
              if($check==true){
                  $("input[name='procheck']").prop("checked", true);
              }else if($check==false){
                  $("input[name='procheck']").prop("checked", false);
              }
          });
          var date = new Date(),
              d = date.getDate(),
              m = date.getMonth(),
              y = date.getFullYear(),
              started,
              categoryClass;

          var calendar = $('#calendar').fullCalendar({
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              selectable: true,
              selectHelper: true,
              select: function(start, end, allDay) {
                  $('#fc_create').click();

                  started = start;
                  ended = end;

                  $(".antosubmit").on("click", function() {
                      var title = $("#title").val();
                      if (end) {
                          ended = end;
                      }

                      categoryClass = $("#event_type").val();

                      if (title) {
                          calendar.fullCalendar('renderEvent', {
                                  title: title,
                                  start: started,
                                  end: end,
                                  allDay: allDay
                              },
                              true // make the event "stick"
                          );
                      }

                      $('#title').val('');

                      calendar.fullCalendar('unselect');

                      $('.antoclose').click();

                      return false;
                  });
              },
              eventClick: function(calEvent, jsEvent, view) {
                  $('#fc_edit').click();
                  $('#title2').val(calEvent.title);

                  categoryClass = $("#event_type").val();

                  $(".antosubmit2").on("click", function() {
                      calEvent.title = $("#title2").val();

                      calendar.fullCalendar('updateEvent', calEvent);
                      $('.antoclose2').click();
                  });

                  calendar.fullCalendar('unselect');
              },
              editable: true,
              events: [{
                  title: 'All Day Event',
                  start: new Date(y, m, 1)
              }, {
                  title: 'Long Event',
                  start: new Date(y, m, d - 5),
                  end: new Date(y, m, d - 2)
              }, {
                  title: 'Meeting',
                  start: new Date(y, m, d, 10, 30),
                  allDay: false
              }, {
                  title: 'Lunch',
                  start: new Date(y, m, d + 14, 12, 0),
                  end: new Date(y, m, d, 14, 0),
                  allDay: false
              }, {
                  title: 'Birthday Party',
                  start: new Date(y, m, d + 1, 19, 0),
                  end: new Date(y, m, d + 1, 22, 30),
                  allDay: false
              }, {
                  title: 'Click for Google',
                  start: new Date(y, m, 28),
                  end: new Date(y, m, 29),
                  url: 'http://google.com/'
              }]
          });
      });
      $(document).on("click",".page1",function () {
          var $pagenum=$(this).attr("pagenum");
          $.ajax({
              type:"post",
              xhrFields:{withCredentials:true},
              url:"http://localhost:8081/depot/selectdepot",
              dataType:"json",
              data:{depotname:$("#cangku").val(),"pageNum":$pagenum},
              success:function (data) {
                  if(data.list==null){
                      $("#table1").html('<td colspan="8">未查到数据</td>');
                      return;
                  }
                  $('#table1 tbody').remove();
                  $('#ye li').remove();
                  $.each(data.list,function(i,depot) {
                      var $tr = $('<tr></tr>');

                      var $td = $('<td></td>');
                      $td.text(depot.id);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.depotname);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.depotarea);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.dAddress);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.dSize);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.dname);
                      $tr.append($td);

                      $td = $('<td></td>');
                      $td.text(depot.dPhone);
                      $tr.append($td);

                      $td = $('<td></td>');

                      $td.html('<a href="updateDepot.html" class="btn btn-primary btn-xs" style="padding: 2px 8px;">修改</a><button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target=".bs-example-modal-sm" style="padding: 2px 8px;">删除</button>');
                      $tr.append($td);
                      $('#table1').append($tr);

                  })

                  $('#ye').prepend('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum-1)+'">&laquo;</a></li >');
                  $("#ye").append('<li><a>'+data.pageNum+"/"+data.pages+'</a></li>');
                  $('#ye').append('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum+1)+'">&raquo;</a></li>');
              },
              error:function(){
                  alert("错误");
              }
          })
      })

  </script>
  <!-- /FullCalendar -->
</div>
</body>
</html>
